<!DOCTYPE html>
<html>
<head>
<title>順發地產</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/sf_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--top-->
<!--<div class="top_background"><img src="images/top.png" /></div>-->
<div class="top">
  <div class="container">
    <div class="logo"><img src="images/Logo.png" /></div>
    <div class="nav_top">
      <div  class="phone_nav"><span class="phone_title">選單</span> <i class="fa fa-angle-down phone_ico"></i></div>
      <ul>
        <li><a href="index.html">首頁</a></li>
        <li><a href="new_Property.html">最新樓盤</a></li>
        <li><a href="news.html">市場動態</a></li>
        <li><a href="rantal.html">委託租售</a></li>
        <li><a href="regulations.html">買賣須知</a></li>
        <li><a href="contact.html">聯繫我們</a></li>
      </ul>
   
    </div>
  </div>
</div>
<!--top end--> 
<!--search-->
<div class="details_search fleft gallery clearfix">
  <div class="form-group search_li">
    <input type="text" class="form-control" placeholder="請輸入房源，地區">
    <button type="submit" class="btn btn-default">搜索<i class="fa fa-search search_ico"></i></button>
  </div>
</div>
<!--search end-->
<div class="details_property gallery clearfix">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div id="myCarousel" class="carousel slide"> 
          
          <!-- Carousel items -->
          <div class="carousel-inner">
            <div class="active item coll_img"><img src="images/3.jpg" />
            
            </div>
            <div class="item coll_img"><img src="images/4.jpg" />
             
            </div>
            <div class="item coll_img"><img src="images/3.jpg" />
            
            </div>
          </div>
          <!-- Carousel nav --> 
          <a class="carousel-control left slide-btn" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right slide-btn" href="#myCarousel" data-slide="next">&rsaquo;</a> </div>
        <div class="details_property_bottom">
          <div><a class="scroll col-mw" href="#picture_top">外景圖 </a></div>
          <div><a class="scroll" href="#picture_top">實景圖</a></div>
          <div><a class="scroll" href="#map">交通圖 </a></div>
          <div class="fron_right"><a class="scroll" href="#products">戶型圖</a></div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="new_property_title"><a href="#">海倫印象</a></div>
        <div class="new_property_btn"> <a href="Details_Property.html">
          <input type="button" value="普通豪宅" class="btn-1 btn" />
          </a> <a href="Details_Property.html">
          <input type="button" value="板塔結合" class="btn-2 btn"/>
          </a> <a href="Details_Property.html">
          <input type="button" value="70年房權" class="btn-3 btn" />
          </a> <a href="Details_Property.html">
          <input type="button" value="限購" class="btn-4 btn"/>
          </a> </div>
        <div class="new_property_font">
        <div class="price_title">價格：</div>
          <div class="price">2100</div>
          <div class="price_right">元/平方尺</div>
          <div class="price_bottom">首付50萬起　100-200平方尺</div>
          <a href="new_Property.html">
          <input type="button" class="price_btn" value="詳細資料"/></a>
        </div>
        <div class="right_font_content"> 房屋價格：2,788,000  　　   預估交易費：　 约¥ 28万<br />
          房型：　	　1 室　 4 臥 　4 衛　 2 車庫<br />
          房屋屬性：特別設計　 山景觀　 朝向東<br />
        </div>
        <div class="call_ico"> <i class="fa fa-phone"></i> </div>
        <div class="call_num"> 0756-26846515 </div>
        <a href="#" class="enjoy-btn"><i class="fa fa-facebook enjoy-ico"></i></a> <a href="#" class="enjoy-btn"> <i class="fa fa-comment enjoy-ico"></i></a>
      </div>
    </div>
    <div class="row information_li" id="products">
      <ul class="col-md-6 col-xs-12">
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#information_top">詳細信息</a></li>
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#picture_top">樓盤相冊</a></li>
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#map">地理位置</a></li>
      </ul>
    </div>
    <div class="row dtd">
      <div class="information_title col-md-12 col-mw" id="information_top">物業特色</div>
      <div class="information_content col-md-12"> 物業特色的減肥開始京東方科技打破OK了的分開了上的看法了看到了福克斯但是死了的開發歷史的開發來看死了快發來的看了飯卡的看法了開始了對方快
        的兩份快樂是打開了速度來的快發了快四點；范德薩發的是副科級的房價開始交電費看見方會計師達、。。。。dfjkdsjf的法律是打開了罰款dfk的奮鬥
        的分開了是的咖啡色的. </div>
    </div>
    <div class="dtd">
    <div class="row col-img-li" id="picture_top">
      <div class="col-md-12 col-img-title col-mw">外景圖</div>
     <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
    </div>
    <div class="row col-img-li">
      <div class="col-md-12 col-img-title col-mw">實景圖</div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/2.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
      <div class="col-md-3 col-md-offset-1 col_img"><img src="images/3.jpg" />
        <div class="hover_img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
    </div>
    </div>
    <div class="row dtd">
      <div class="col-md-12 col-img-title col-mw">地理位置</div>
      <div id="map" class="col-md-11 col-md-offset-1">
        <div class="map_copy"></div>
        <div class="map_forn btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"><a>点击查看地图</a></div>
      </div>
    </div>
  </div>
</div>
<!--footer-->
<div class="footer">
  <div class="footer_content">
      <div class="footer_top">
        <div class="footer_line"></div>
        <div class="footer_top_title">順發優勢</div>
        <div class="footer_line"></div>
      </div>
      <div class="footer_bottom">
        <div class="footer_bottom_content">
          <div class="footer_ico ico footer_ico"></div>
          <div class="footer_bottom_title">真實</div>
        </div>
        <div class="footer_bottom_content">
          <div class="footer_ico2 ico footer_ico"></div>
          <div class="footer_bottom_title">及時</div>
        </div>
        <div class="footer_bottom_content">
          <div class="footer_ico3 ico footer_ico"></div>
          <div class="footer_bottom_title">專業</div>
        </div>
      </div>
      <div class="copynight">Copynight @ 2014Soufun Holdings Limited,All Right Rwserved順發地產 版權所有</div>
    </div>
</div>
<!--footer end--> 
<a class="go_top" href="javascript:goTop();"><i class="fa fa-caret-up"></i></a> 

 <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <iframe style="width:900px; height:500px; border:none; overflow:hidden" src="gmap.html"></iframe>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal end-->
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript">
  $(document).ready(function() { 
    var elms = $("#products"); 
    var ePoss = elms.position().top; 
    $.event.add(window, "scroll", function() { 
        var p1 = $(window).scrollTop(); 
        elms.css('position',((p1) > ePoss) ? 'fixed' : 'static'); 
        elms.css('top',((p1) > ePoss) ? '0px' : ''); 
		elms.css('width',((p1) > ePoss) ? '100%' : '');
		elms.css('background',((p1) > ePoss) ? '#fff' : '');
		elms.css('z-index',((p1) > ePoss) ? '99' : '');
    }); 
});

</script>
<script src="js/sf_js.js"></script>


</body>
</html>
